import React, { Component } from 'react'

export default class App extends Component {
  state = {
    list: ['a', 'b', 'c', 'd']
  }
  render() {
    // 不要在jsx代码中使用 for 循环（foreach）
    // 可以把jsx代码存入到数组中，
    const arr = []
    this.state.list.forEach((item, index) => {
      arr.push(
        <div key = { index }>{ item }</div>
      )
    })
    return (
      <div>
        { arr }
      </div>
    )
  }
}
